<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>技术问答_${webName}手机版</title>
    <#include "../common/head-common.ftl">
  </head>
  <body class="skin-green sidebar-collapse">
    <div class="wrapper">
      <#include "../common/header.ftl">
      
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <ol class="breadcrumb">
            <li><a href="${wwwRoot}"><i class="fa fa-home"></i> 大讲台</a></li>
            <li><a href="${webRoot}m/center.do">Hadoop大讲台</a></li>
            <li><a href="${webRoot}m/qa.do">技术问答</a></li>
            <li class="active">问题详情</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">

          <!-- Main row -->
          <div class="row">
          	<!-- Left col -->
            <section class="col-lg-12 connectedSortable">
            
              <!-- Chat box -->
              <div class="box box-danger">
                <div class="box-header">
                  <i class="fa fa-question-circle"></i>
                  <h3 class="box-title">技术问答</h3> 
                  <div class="box-tools pull-right">
                  	<#if aq.status==1><i class="fa fa-check-circle"></i> 已解决</#if>
                  	<#if aq.status!=1><i class="fa fa-key"></i> 讨论中</#if>
                  	&nbsp;&nbsp; <i class="fa fa-clock-o"></i> ${aq.createtime?string('yyyy-MM-dd hh:mm')}
                  </div>             
                </div>
                <div class="box-body chat">
                  <!-- chat item -->
                  <div class="item">
                    <img src="${mobileRoot}dist/img/user4-128x128.jpg" alt="user image" class="online"/>
                    <p class="message">
                      <a href="javascript:void(0);" class="name">
                                                                                   问题：${aq.question}
                      </a>
                      ${aq.description}
                    </p>
                   
                  </div><!-- /.item -->
                </div>  
                <div class="box-footer">
                  <ul class="list-unstyled" style="margin-bottom:8px;">
                  <li><i class="fa fa-toggle-up"></i> &nbsp;相关:
                  		<#if aq.url=="#">
							${aq.contentname}
						<#else>
						    <a href="${webRoot}${aq.url}" target="_blank">${aq.contentname}</a> 
						</#if>
                  </li>
                  <li><i class="fa fa-tags"></i> 标签:
                   		<#if aq.tags?length gt 0>
							${aq.tags}
						<#else>
							MapReduce, Yarn, HDFS
						</#if>
                  </li>
                  </ul>
                 	
                  <div class="input-group">
                    <input class="form-control" placeholder="快帮帮苦命的小伙伴儿吧..."/>
                    <div class="input-group-btn">
                      <button class="btn btn-success"><i class="fa fa-plus"></i> 回复</button>
                    </div>
                  </div>
                  
                </div>
              </div><!-- /.box (chat box) -->
              
              <!-- 回复    -->
              <!-- Chat box -->
              <div class="box box-success">
                <div class="box-header">
                  <i class="fa fa-comments-o"></i>
                  <h3 class="box-title">回复</h3> 
                  <div class="box-tools pull-right">
                  	共  ${aq.answers?size} 回复 
                  </div>             
                </div>
                <div class="box-body chat">
                
                  <#list aq.answers as an>
                  <div class="item">
                    <img src="${mobileRoot}dist/img/user${an_index+3}-128x128.jpg" alt="user image" class="online"/>
                    <p class="message">
                      <a href="#" class="name">
                        <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> ${an.createtime?string('yyyy-MM-dd hh:mm')}</small>
                        ${an.username?default('无名士')}
                      </a>
                      ${an.answer}
                    </p>                    
                  </div>
				  </#list>
                                  
                </div><!-- /.chat -->
                <div class="box-footer">
                  <div class="input-group">
                    <input class="form-control" placeholder="快帮帮苦命的小伙伴儿吧..."/>
                    <div class="input-group-btn">
                      <button class="btn btn-success"><i class="fa fa-plus"></i> 回复</button>
                    </div>
                  </div>

                </div>
              </div><!-- /.box (chat box) -->
            
            </section><!-- /.Left col -->
          </div><!-- /.row (main row) -->

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <#include "../common/footer.ftl">
    </div><!-- ./wrapper -->

    <#include "../common/foot-common.ftl">
  </body>
</html>